<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../css/list.css">
    <link rel="stylesheet" type="text/css" href="../css/index.css">
</head>
<body>
     <script src="/lib/requirejs/require.js" data-main="/js/list"></script>
   <!-- 头部布局 -->
    <header></header>
    <div class="list">
         <div class="list_nodeHeader">
           <dl>
            <dt><a href="/html/detail.html"><i class="iconfont icon-icon" ></i></a></dt>
            <dd><span>以旧换新</span></dd>
        </dl>
        <dl>
            <dt><a href="/html/detail.html"><i class="iconfont icon-icon" ></i></a></dt>
            <dd><span>NB码通道</span></dd>
        </dl>
        <dl>
            <dt><a href="/html/detail.html"><i class="iconfont icon-icon" ></i></a></dt>
            <dd><span>屏碎保</span></dd>
        </dl>
        <dl>
            <dt><a href="/html/detail.html"><i class="iconfont icon-icon" ></i></a></dt>
            <dd><span>真伪查询</span></dd>
        </dl>
        <dl>
            <dt><a href="/html/detail.html"><i class="iconfont icon-icon" ></i></a></dt>
            <dd><span>售后网点</span></dd>
        </dl>
        <dl>
            <dt><a href="/html/detail.html"><i class="iconfont icon-icon" ></i></a></dt>
            <dd><span>软件下载</span></dd>
        </dl>
         </div>
        
           <a href="/html/detail.html" class="aaabbb">

             <script type="text/html" id="img_template">
                {{each imgs aa}}
           <img src="{{aa.img}}"></a>
            
             {{/each}}
           </script>
            </a>
           
            
         
       <!--  <a href="/html/detail.html" class="aaabbb">
            
            <img src="../img/152152529864.jpg">

        </a>
        <a href="/html/detail.html"><img src="../img/152152529864.jpg"></a>
        <a href="/html/detail.html"><img src="../img/152152529864.jpg"></a> -->
    </div>
    <div class="main">
      <h2>热门产品</h2>
      <a href="/html/detail.html">查看更多</a>  
    </div>
    <!-- 列表 -->

    <div class="list_box1">
        <ul class="aabb">
            
                <!-- <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/153629848538.png">
                         <h2>红魔电竞游戏手机</h2>
                        <p>不红魔 不成佛</p>
                        <span><sup>$</sup><label>2999</label></span>
                        <a href="/html/detail.html">立即购买</a>
                    </div>     
                </a> -->
           
        </ul>

        <script type="text/html" id="list_template">
             {{each list prod}}
             <li>
                <a href="/html/detail.html?id={{prod.id}}">
                    <div class="conntect" id="conn">    
                      <img src="{{prod.img}}">
                        <h2>{{prod.title}}</h2>
                        <p>{{prod.desc}}</p>
                        <span><sup>$</sup><label>{{prod.price}}</label></span>
                        <a href="/html/detail.html">立即购买</a> 
                         </div>
                        </a> 
                         </li>
               {{/each}}

        </script>

       
    </div>
    <div class="main">
      <h2>精品手机</h2>
      <a href="/html/detail.html">查看更多</a>  
    </div>
    <div class="list_box1">
        <ul class="aabb">
            <!-- <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/153629848538.png">
                        <h2>红魔电竞游戏手机</h2>
                        <p>不红魔 不成佛</p>
                        <span><sup>$</sup><label>2999</label></span>
                        <a href="/html/detail.html">立即购买</a>
                    </div>     
                </a>
            </li>
        </ul>
         <ul>
            <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/153629848538.png">
                         <h2>红魔电竞游戏手机</h2>
                        <p>不红魔 不成佛</p>
                        <span><sup>$</sup><label>2999</label></span>
                        <a href="/html/detail.html">立即购买</a>
                    </div>     
                </a>
            </li>
        </ul>
         <ul>
            <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/153629848538.png">
                         <h2>红魔电竞游戏手机</h2>
                        <p>不红魔 不成佛</p>
                        <span><sup>$</sup><label>2999</label></span>
                        <a href="/html/detail.html">立即购买</a>
                    </div>     
                </a>
            </li>
        </ul>
         <ul>
            <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/153629848538.png">
                         <h2>红魔电竞游戏手机</h2>
                        <p>不红魔 不成佛</p>
                        <span><sup>$</sup><label>2999</label></span>
                        <a href="/html/detail.html">立即购买</a>
                    </div>     
                </a>
            </li> -->
        </ul>
    </div>



    <div class="main">
      <h2>精品配件</h2>
      <a href="/html/detail.html">查看更多</a>  
    </div>

    <div class="list_box1 box2">
        <ul style="width: 593px;height: 450px;">
            <li><a href="/html/detail.html"><img src="../img/152905026365.jpg"></a></li>
        </ul>
        <ul>
            <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/152542345711.png">
                        <h2>红魔电竞游戏手机</h2>
                        <p>不红魔 不成佛</p>
                        <span><sup>$</sup><label>2999</label></span>
                        <a href="/html/detail.html">立即购买</a>
                    </div>     
                </a>
            </li>
        </ul>
         <ul>
            <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/152542345711.png">
                         <h2>红魔电竞游戏手机</h2>
                        <p>不红魔 不成佛</p>
                        <span><sup>$</sup><label>2999</label></span>
                        <a href="/html/detail.html">立即购买</a>
                    </div>     
                </a>
            </li>
        </ul>
         <ul>
            <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/152542345711.png">
                         <h2>红魔电竞游戏手机</h2>
                        <p>不红魔 不成佛</p>
                        <span><sup>$</sup><label>2999</label></span>
                        <a href="/html/detail.html">立即购买</a>
                    </div>     
                </a>
            </li>
        </ul>
         <ul>
            <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/152542345711.png">
                         <h2>红魔电竞游戏手机</h2>
                        <p>不红魔 不成佛</p>
                        <span><sup>$</sup><label>2999</label></span>
                        <a href="/html/detail.html">立即购买</a>
                    </div>     
                </a>
            </li>
        </ul>
        <ul>
            <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/152542345711.png">
                         <h2>红魔电竞游戏手机</h2>
                        <p>不红魔 不成佛</p>
                        <span><sup>$</sup><label>2999</label></span>
                        <a href="/html/detail.html">立即购买</a>
                    </div>     
                </a>
            </li>
        </ul>
    </div>
    <div class="main">
      <h2>产品热评</h2>
      <a href="/html/detail.html">查看更多</a>  
    </div>
    <div class="main">
      <h2>视频</h2>
      <a href="/html/detail.html">查看更多</a>  
    </div>
    <div class="list_box1 box3">
        <ul>
            <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/15218641.jpg">
                        <p>红魔电竞游戏手机</p>
                        <p>不红魔 不成佛</p>
                    </div>     
                </a>
            </li>
        </ul>
         <ul>
            <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/152420326115.jpg">
                         <p>V18 千元全面屏</p>
                        <p>6吋全面屏，千元长续航</p>
                    </div>     
                </a>
            </li>
        </ul>
         <ul>
            <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/15217834192.jpg">
                        <p>Z17S 全面屏 无边框</p>
                         <p>四曲面炫光玻璃机身</p>
                    </div>     
                </a>
            </li>
        </ul>
         <ul>
            <li>
                <a href="/html/detail.html">
                   <div class="conntect" id="conn">    
                        <img src="../img/150881099192.jpg">
                        <p>Z18无边水滴屏</p>
                        <p>无边水滴屏，AI新旗舰</p>
                    </div>     
                </a>
            </li>
        </ul>
    </div>
    <div class="main">
      <h2>服务</h2>
      <a href="/html/detail.html">查看更多</a>  
    </div>

    <div class="footer_end">
        <ul>
            <li>
                <a href="/html/detail.html"><img src="../img/153621864.jpg">
                 <div class="bb">
                 <h2>售后政策</h2>
                  <p>了解nubia努比亚的服务和保修等相关政策。</p>
               </div>
            </a>
        </li>
        
            <li>
                <a href="/html/detail.html"><img style="left:640px;" src="../img/286281597.jpg">
               <div class="bb">
                 <h2>特色服务</h2>
                 <p>我们为您准备了一系列与众不同的服务内容，从意外宝到上门服务，通过电话及服务网点获取支持或安排维修.</p>
               </div>
             </a>
         </li>

              
       </ul>
     </div>
     <div class="footOver">
         <ul>
                          <li>
                             <a href="/html/detail.html">
                <img src="../img/286281597.jpg">
                <span>七天无理由退货</span></a>
                          </li>
                      </ul>
           <ul>
                          <li>
                             <a href="/html/detail.html">
                <img src="../img/286281597.jpg">
               <span>七天无理由退货</span></a>
                          </li>
              </ul>
                       <ul>
                          <li>
                             <a href="/html/detail.html">
                <img src="../img/286281597.jpg">
                <span>七天无理由退货</span></a>
                          </li>
                      </ul>
                  </div>
     </div>
     <footer></footer>
</body>
</html>
